<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>大事件/登录页面</title>
    <!-- 先引入  layui.css -->
    <link rel="stylesheet" href="/assets/lib/layui/css/layui.css" />
    <!-- 在引入  login.css -->
    <link rel="stylesheet" href="/assets/css/longin.css" />
    <!-- <link rel="stylesheet" href="./favicon.ico"> -->
  </head>
  <body>
    <!-- 1- 顶部logo -->
    <div class="layui-main header">
      <img src="/assets/images/logo.png" alt="" />
    </div>
    <!-- 2- 登录注册区域 -->
    <div class="longin-and-register">
      <!--  2.1 顶部标题 -->
      <div class="title-box"></div>
      <!--  2.2 登录区域 -->
      <div id="loginBox">
       <form class="layui-form" id="form-login" >
        <!-- 登录区的请输入用户名 -->
        <div class="layui-form-item">
         <i class="layui-icon layui-icon-username"></i>  
            <input value="aaaxxx" type="text" name="username" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input" id="layui-input" >
        
         </div>
         <!-- 登录区的请输入密码-->
         <div class="layui-form-item">
        <i class="layui-icon layui-icon-password"></i>  
          
         
          <input value="123123" type="text" name="password" required  lay-verify="required|pwd" placeholder="请输入密码" autocomplete="off" class="layui-input">
      
       </div>
       <!-- 登录区的登录点击按钮 -->
       <div class="layui-form-item">
           <!-- type="submit" 可以写也可以不写 -->
           <!-- type="button"  一定不要写,button不能提交表单 -->
           <!-- lay-submit : 是一个属性,必须写!!!!! layui要通过这个属性校验form表单 -->
        <button class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit lay-filter="formDemo">登录</button>
    
     </div>
     <!-- a标签  点击跳转注册页面-->
     <div class="layui-form-item">
         
      <a href="javascript:;">去注册账号</a>
  
   </div>
         </form>
        </div>
        
      
      <!--  2.3  注册区域-->
      <div id="registerBox" style="display: none">
       <form class="layui-form" id="form-reg">
        <!-- 注册区的请输入用户名 -->
        <div class="layui-form-item">
         <i class="layui-icon layui-icon-username"></i>  
            <input type="text" name="username" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
        
         </div>
         <!-- 注册区的请输入密码 -->
         <div class="layui-form-item">
        <i class="layui-icon layui-icon-password"></i>  
          
         
          <input type="password" name="password" required  lay-verify="required|pwd" placeholder="请输入密码" autocomplete="off" class="layui-input">
      
       </div>
       
       <!-- 注册区的请再次输入密码 -->
       <div class="layui-form-item">
        <i class="layui-icon layui-icon-password"></i>  
          
         
          <input type="password" name="repassword" required  lay-verify="required|pwd|repwd" placeholder="请再次输入密码" autocomplete="off" class="layui-input">
      
       </div>
       <!-- 注册区的点击登录按钮 -->
       <div class="layui-form-item">
         
        <button class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit lay-filter="formDemo">注册</button>
    
     </div>
     <!-- a标签 -->
     <div class="layui-form-item">
         
      <a href="javascript:;">去登录</a>
  
   </div>
         </form>
        
      </div>
    </div>
   </div>
   <script src="/assets/lib/layui/layui.all.js"></script>
    <!-- 引入jQuery -->
    <script src="/assets/lib/jquery.js"></script>
   
    <!-- 引入axios -->
    <script src="./assets/lib/axios.js"></script>
     <!-- 引入common.js -->
     <script src="/assets/js/common.js"></script>
    <!-- 引入 login.js -->
    <script src="/assets/js/login.js"></script>
  </body>
</html>
